Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen Responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken Responsiv webbdesign testades och utvärderades.

Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom Responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med Responsiv webbdesign.Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen.

Responsiv design syftar till att en webbsida ska anpassa sig efter anva?ndarens enhet, oavsett enhetens ska?rmstorlek. Arbetet har ga?tt ut pa? att ta reda pa? om man kan utveckla en framga?ngsrik responsiv design som fungerar pa? ma?nga typer av enheter enbart med en persondator som utvecklingsplattform, och pa? sa? sa?tt undvika att beho?va genomga? en stor process med testning. Resultaten visar att det a?r fullt mo?jligt. .

Uppsatsen undersöker fyra navigationsmönster som kan tillämpas på responsiva webbsidor. Ett navigationsmönster består av själva placeringen av en webbsidas navigationsmeny samt eventuell interaktion en användare måste göra för att få tillgång till denna. Frågeställningen ämnar att utröna vilket av dessa fyra mönster som är bäst lämpat för att implementeras på webbsidor vars menyalternativ även har underkategorier. Studien använder sig av fritt tillgängliga mönster som modifieras och implementeras i fyra webbsidor, en för vardera navigationsmönster. Resultaten utifrån de intervjuer och observationer som utförts visar på att fliksystemet som finns i ?Paneled? prototypen är det navigationsmönster som majoriteten av användaren upplevde som minst tidskrävande och mest överskådligt.

Studien fokuserar på ett förbättrat stöd för mus- och touchinteraktioner för Responsiv webbutveckling, då man utvecklar en enhetlig webblösnings för alla enheter..

Mångfalden av enheter för webbanvändning ökar, men det finns fortfarande webbplatser som utvecklas med PC:s som enda prioritet. Responsiv webbdesign erbjuder nya möjligheter till webbutveckling eftersom en Responsiv webbplats är anpassad till samtliga enheter på marknaden. Området har förvisso fått stort genomslag, men det är fortfarande nytt och relativt outforskat. Det finns också endel utmaningar med Responsiv webbdesign som kan vara svåra att bemöta. Uppsatsen kartlägger utmaningar som lyfts fram i vetenskaplig litteratur, och bekräftar eller dementerar samt kompletterar kartlagda utmaningar genom enempirisk studie.

Idag anva?nds den smarta telefonen i allt sto?rre utstra?ckning fo?r att surfa pa? Internet. Problemet med att surfa i den smarta telefonen a?r att den mindre ska?rmytan ger begra?nsade mo?jligheter att rymma alla funktioner hos funktionsrika tja?nster. Fo?r att lo?sa detta utvecklas det flera lo?sningar fo?r en och samma tja?nst.

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom Responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.

Följande projektarbetet har resulterat i en ny webbplats åt verkstadsföretaget Löfman & Co Verkstad AB,resultatet är sprunget ur WordPress och projektet vilar på en teoretiskt grund av läsbarhetsteori samtbeprövad erfarenhet kring ämnet responsiv design. Projektrapporten innehåller både information gällandedet teoretiska ramverket samt de slutgiltiga tekniska lösningarna som implementerades på webbplatsen.Två kvalitativa undersökningar på företagets gamla webbplats har bidraget med ytterligare underlag förskapandet utav företagets nya webbplats.. Utöver det ha en viktig del i utvecklingen gjorts av den ständigakontakten med kunden. Projektresultatet är ett bevis för att det finns en arbetsmarknadsmässig funktionför de studenter som läst Visuell Kommunikation och Design vid Karlstad Universitet..

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en Responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ?mobile-first?-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar.

Det blir allt mer vanligt att människor kopplar upp sig mot internet via sin smartphone, både privat och i arbetet. Detta innebär att webbsidor måste anpassas för att visas i dessa enheter. Men att mobilanpassa en webbsida kan vara svårt när det kommer till överskådlighet och navigation av webbsidan. Detta på grund av den begränsade skärmytan. När det kommer till att mobilanpassa en webbsida talas det ofta om två tekniker, Responsiv webbdesign och mobila webbapplikationer.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda Responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

De allra flesta sidor idag använder en så kallad fixed design där sidan är gjord för en specifik skärmstorlek. Det finns nu metoder i HTML och CSS att låta sidan forma om sig efter användarens skärmstorlek utan att använda JavaScript. Denna teknik kallas Responsiv webbdesign. Syftet med detta arbete är att studera Responsiv webbdesign; hur det fungerar och om det är framtiden inom webbdesign. Studien har begränsats till moderna webbläsare och moderna mobiltelefoner för att se resultatet.

Smarta klockor, små kroppsnära datorer som bärs kring handleden, ökar i popularitet. Smartaklockor kan visa tiden men även köra andra applikationer. Utmärkande för alla smarta klockorär deras lilla skärmyta, vilket ställer särskilda krav på utformningen av användargränssnitt.Syftet med detta arbete är att utforska hur smarta klockor kan fungera för att visa webbinnehålloch det görs genom att studera hur Responsiv webbutveckling kan användas för att möjliggörawebbanvändning med smarta klockor.Experiment med Responsiv webbutveckling för smarta klockor ledde fram till fyra prototypersom testades av användare. Under testerna diskuterades fördelar och nackdelar medprototyperna.Resultatet visar att Responsiv webbdesign kan användas för att anpassa webbsidor till smartaklockor, men att webbsidor med mycket innehåll bör brytas ner i mindre delar och visas en itaget, något som inte ingår i Responsiv webbdesign..

Vår undersökning handlar om tittarvanor och tillsammanstittande på webb-TV och linjär TV hos studenter på Kungliga Tekniska högskolan i åldrarna 18-30 år. Vi undersökte tre grupper; de som bara använder linjär TV (som vi givit gruppnamnet Linjär), de som bara använder webb-TV (Webb) samt de som använder båda (Kombo). Vi gjorde sedan två jämförelser av tittarvanor och tillsammanstittande, en mellan Linjär och Kombo samt en mellan Webb och Kombo. Syftet med studien var att undersöka hur tittarvanorna och tillsammanstittandet skiljer sig mellan de olika grupperna. Undersökningen genomfördes genom en enkätundersökning där deltagarna fick svara på ett antal frågor om sina tittarvanor på linjär TV samt webb-TV.